<script setup>
import { ref, defineOptions } from 'vue'
import { rankList } from '@/api/getAxios'

//排行榜单
const ranklist = ref([])
rankList().then((res) => {
    // console.log(res);
    ranklist.value = res.data.data.list
})
</script>
<template>
    <div class="rank-list" v-if="!ranklist">
        <h1 class="recommend">
            <span>排行榜单</span>
            <span class="iconfont icon-tiaozhuan jump" @click="clickHanlder"></span>
        </h1>
        <!-- <van-tabs v-model:active="active">
            <van-tab title="标签 1">内容 1</van-tab>
            <van-tab title="标签 2">内容 2</van-tab>
            <van-tab title="标签 3">内容 3</van-tab>
            <van-tab title="标签 4">内容 4</van-tab>
        </van-tabs> -->
    </div>
</template>

<style scoped lang='less'>
.rank-list {
    height: 80vw;
    background-color: #fff;
    margin-bottom: 15px;

    h1 {
        text-align: center;
        font-weight: bold;
        font-size: 22px;
        padding: 20px 0px;
        position: relative;

        span.jump {
            position: absolute;
            right: 0;
            font-size: 26px;
            margin-right: 20px;
        }
    }
}
</style>